<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车 查看购物车</title>
		
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<link rel="stylesheet" type="text/css" href="../css/shopCart.css"/>
		
		<style>
			#log-out{
				
				cursor: pointer;
				color: #666;
			}
			
			#log-out:hover{
				
				color: #c00;
			}
			
		</style>
		
	</head>
	
	<body>
		
		<!---------------------最上端登录导航设置--------------------->
		<div class="zc-topbar">
			<div class="wrapper clearfix">
				<span class="zc-back-home">
					<a href="index.html">商城首页</a>
				</span>
				<span class="zc-login" id="zc-login">
					Hi~欢迎来到Z商城，请<a href="login.html">登录</a>
				</span>
				<span class="zc-register" id="zc-register">
					<a href="register.html">免费注册</a>
				</span>
				
				<ul class="zc-quick-menu">
					<li>
						<a href="#">我的订单</a>
					</li>
					<li class="zc-my-center">
						<a class="zc-hd" href="#">买家中心
							<i class="ico"></i>
						</a>
						<div id="zc-my-center-bd" class="zc-my-center-bd">
							<a href="#">关注的店铺
								<em>0</em>
							</a>
							<a href="#">关注的商品
								<em>0</em>
							</a>
						</div>
					</li>
					<li>
						<a id="shop-cart-num" href="#"></a>
					</li>
					<li>
						<a href="#">帮助中心</a>
					</li>
					<li>|</li>
					<li class="phoneLi">
						<a class="zc-hd zc-mobile" href="#">手机商城
							<i class="phoneI"></i>
							<i class="ico"></i>
						</a>
						<div id="zc-mobile-bd" class="zc-mobile-bd">
							<img src="../images/shop_wechat.png" width="130" height="130"/>
						</div>
					</li>
					<li>
						<a href="#">中关村在线</a>
					</li>
					<li class="lixikefu">
						<a class="zc-hd" href="#">联系客服
							<i class="ico"></i>
						</a>
						<div class="zc-service-tel">400-688-1999</div>
					</li>
				</ul>
				
			</div>
		</div>
		<!--------------头部logo图设置----------------->
		<div class="header clearfix">
			
			<a href="index.html" title="中关村商城" class="logo">
				<img src="../images/logo_130x60.png" width="130" height="60"/>
			</a>
			<div class="flow-step">
				<ul>
					<li class="s1">加入购物车</li>
					<li class="s2">下订单</li>
					<li class="s3">去付款</li>
					<li class="s4">确认收货</li>
					<li class="s5">评价</li>
				</ul>
			</div>
		</div>
		
		<div class="wrapper clearfix shopContent">
			<form>
				
				<!------购物车状态设置------>
				<div class="cart-state mt">
					<p>
						购物车状态
						<em id="cart-num"></em>
					</p>
					<div class="total">
						<input  name="submitCart" value="去结算" type="submit">
						<span>
							总计不含运费：
							<em  class="total-cart-price">￥395</em>
						</span>
					</div>
				</div>
				
				<!-------表单内容设置------->
				<div class="order-table mt20">
					<table width="100%">
						<thead>
							<tr>
								<th class="th-1"></th>
								<th class="th-2">所选商品</th>
								<th class="th-3">单价（元）</th>
								<th class="th-4">数量</th>
								<th class="th-5">优惠</th>
								<th class="th-6">小计（元）</th>
								<th class="th-7">操作</th>
							</tr>
						</thead>
						<tbody id="tbody1">
						</tbody>
					</table>
					
					<div class="total-price">
						<i>商品总价</i>
						<span>（不含运费）</span>
						：
						<em class="total-cart-price">￥718</em>
					</div>
					
					<div class="order-foot clearfix">
						<a id="del">批量删除</a>
						<input class="accouting-btn" name="submitCart" value="去结算" type="submit">
						<a class="go-shopping" href="index.html"><<继续购物</a>
					</div>
					
				</div>
				
			</form>
		</div>
		
	</body>
	
	<script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="../js/cookie.js"></script>
	<script type="text/javascript" src="../js/shopCart.js"></script>
	
</html>
